<template>
	<view class="customer_service">
		<view class="cus_header">
		   <view class="cus_icon">
			   <image src="/static/my/customer.png" mode="widthFix"></image>
		   </view>
		   <view class="title">神椰 Magic CoCo 官方客服电话</view>
		   <view class="tel" >
			   <image src="/static/my/tel.png" mode="widthFix"></image>
			   <text>0898-65360816</text>
		   </view>
		</view>
		<view class="QR_code">
			<image src="/static/my/QR-code.png" mode="widthFix"></image>
		</view>
		<view class="cus_word">扫一扫添加客服微信</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			telFun() {
				uni.makePhoneCall({
					phoneNumber: '0898-65360816', //电话号码
					success: function(e) {
						console.log(e);
					},
					fail: function(e) {
						console.log(e);
					}
				})
			},

		}
	}
</script>

<style scoped>
	
	.customer_service{
		padding-top: 108rpx;
	}
	.cus_header{
		width: 646rpx;
		height: 200rpx;
		background: #EFF0F5;
		border-radius: 20rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}
	.cus_icon{
		position:absolute;
		width: 98rpx;
		height: 98rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		background: #EFF0F5;
		left: 50%;
		transform:translate(-50%);
		top: -48rpx;
	}
	.cus_icon image{
		width: 72rpx;
		height: 72rpx;
	}
	.cus_header .title{
		font-weight: 400;
		font-size: 34rpx;
		padding-top: 50rpx;
		color: #000000;
	}
	.cus_header .tel{
		margin-top: 12rpx;
		font-weight: 400;
		font-size: 54rpx;	
		color: #000000;
		display: flex;
		flex-direction: row;
		align-items: center;
	 }
	 .cus_header .tel image{
		width: 52rpx;
		height: 52rpx;
		margin-right: 12rpx;
	 }
	 .QR_code{
		 width: 370rpx;
		 height: 370rpx;
		 background: url('@/static/my/subtract.png') no-repeat;
		 background-size: 100% 100%;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 margin: 0 auto;
		 margin-top: 116rpx;
	 }
	 .QR_code image{
		 width: 320rpx;
		 height: 320rpx;
	 }
	 .cus_word{
		 margin-top: 40rpx;
		 width: 100%;
		 text-align: center;
		 font-size:30rpx;
		 color: #000000;
	 }
</style>
